<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link type="text/css" rel="stylesheet" href="css/ui-darkness/jquery-ui-1.8.5.custom.css" />	
        <link type="text/css" rel="stylesheet" href="css/player.css" />
        <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
        <script type="text/javascript" src="js/jquery-ui-1.8.5.custom.min.js"></script>
        <script type="text/javascript" src="js/controls.js"></script>
        <script type="text/javascript" src="js/playlist.js"></script>
    </head>
    <body>		
        <div class="column">
            <div id="logo">
                <strong>Extereo Media Player</strong>
            </div>
            <ul id="icons" class="ui-widget ui-helper-clearfix">
                <li class="ui-state-default ui-corner-all prev" title="Previous"><span
                        class="ui-icon ui-icon-seek-prev"></span></li>
                <li class="ui-state-default ui-corner-all play" title="Play"><span
                        class="ui-icon ui-icon-play"></span></li>
                <li class="ui-state-default ui-corner-all stop" title="Stop"><span
                        class="ui-icon ui-icon-stop"></span></li>
                <li class="ui-state-default ui-corner-all next" title="Next"><span
                        class="ui-icon ui-icon-seek-next"></span></li>
                <li class="ui-state-default ui-corner-all lock" title="Lock playlist"><span
                        class="ui-icon ui-icon-unlocked"></span></li>
                <li class="ui-state-default ui-corner-all help" title="About Extereo Media Player"><span
                        class="ui-icon ui-icon-help"></span></li>
            </ul>
            <div id="display" class="box">
                <span id="song">&nbsp;</span>
                <span id="time">&nbsp;</span>								
            </div>
            <div id="progress" class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all"></div>

            <div id="tracklist" class="box">
                <ul id="playlist" class="tracklist">
                </ul>
            </div>
        </div>
    </body>
</html>
